var ma_ch = echarts.init(document.getElementById('main'))
var ma_op = {
    tooltip: {
        trigger: 'item'
    },
    legend: {
        orient: 'vertical',
        left: 'right',
    },
    series: [
        {
            name: '鱼塘',
            type: 'pie',
            radius: '60%',
            data: [
                { value: 28525, name: '鱼塘' },
            ],
        }
    ]
}
ma_ch.setOption(ma_op)

var ma_ch = echarts.init(document.getElementById('ma2in'))
var ma_op = {
    tooltip: {
        trigger: 'item'
    },
    legend: {
        orient: 'vertical',
        left: 'right',
    },
    series: [
        {
            name: '鱼塘',
            type: 'pie',
            radius: '60%',
            data: [
                { value: 28525, name: '鱼塘' },
            ],
        }
    ]
}
ma_ch.setOption(ma_op)

var ma_ch = echarts.init(document.getElementById('ma3in'))
var ma_op = {
    tooltip: {
        trigger: 'item'
    },
    legend: {
        orient: 'vertical',
        left: 'left',
        left:'-5',
    },
    series: [
        {
            type: 'pie',
            radius: '45%',
            data: [
                { value: 5, name: '?' },
                { value: 18, name: '??' },
                { value: 32, name: '企业' },
                { value: 486, name: '合作社' },
                { value: 6665, name: '个体户' },
            ],
        }
    ]
}
ma_ch.setOption(ma_op)

// var mb_ch = echarts.init(document.getElementById('mbin'))

var myChart = echarts.init(document.getElementById("mbin"));
var option = {
    series: [
        {
            type: "map",
            // map: "china",
            map: "world",
            roam: true,
            //地图滚轮 移动
            zoom: 1.1,
            // zoom调整地图缩放
            itemStyle: {
                // areaColor: 'red',
                //地图背景颜色
                borderColor: 'red',
                //边框颜色
            },
            // emphasis: {
            //     itemStyle: {
            //         areaColor: '#9999',
            //         // 放置背景颜色
            //     },
            //     // label: {
            //     //     color: 'green',
            //     //     //字体颜色
            //     // },
            // //鼠标放置效果
            // },
            data: [{
                name: '浙江',
                itemStyle: {
                    areaColor: 'red',
                },

            },
            {
                name: '山东',
                itemStyle: {
                    areaColor: 'pink',
                },

            }
            ],
        }
    ]

};
myChart.setOption(option);

var mc_ch = echarts.init(document.getElementById('mcin'))
var mc_op = {
    tooltip: {
        trigger: 'axis',
        axisPointer: {            // Use axis to trigger tooltip
            type: 'shadow'        // 'shadow' as default; can also be 'line' or 'shadow'
        }
    },
    legend: {
        data: ['Direct', 'Mail Ad', 'Affiliate Ad', 'Video Ad', 'Search Engine']
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis: {
        type: 'value'
    },
    yAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    series: [
        {
            name: 'Direct',
            type: 'bar',
            stack: 'total',
            label: {
                show: true
            },
            emphasis: {
                focus: 'series'
            },
            data: [320, 302, 301, 334, 390, 330, 320]
        },
        {
            name: 'Mail Ad',
            type: 'bar',
            stack: 'total',
            label: {
                show: true
            },
            emphasis: {
                focus: 'series'
            },
            data: [120, 132, 101, 134, 90, 230, 210]
        },
        {
            name: 'Affiliate Ad',
            type: 'bar',
            stack: 'total',
            label: {
                show: true
            },
            emphasis: {
                focus: 'series'
            },
            data: [220, 182, 191, 234, 290, 330, 310]
        },
        {
            name: 'Video Ad',
            type: 'bar',
            stack: 'total',
            label: {
                show: true
            },
            emphasis: {
                focus: 'series'
            },
            data: [150, 212, 201, 154, 190, 330, 410]
        },
        {
            name: 'Search Engine',
            type: 'bar',
            stack: 'total',
            label: {
                show: true
            },
            emphasis: {
                focus: 'series'
            },
            data: [820, 832, 901, 934, 1290, 1330, 1320]
        }
    ]
}
mc_ch.setOption(mc_op)